<template>
	<view class="col-img-text u-flex-y u-flex-center u-flex-items-center" :class="containerClass"
	 :style="containerStyles" @click="click">
		<image :class="imgClass" :style="imgStyles" :src="imgPath" :mode="imgMode"></image>
		<text :class="textClass" :style="textStyles">
			{{text}}
		</text>
	</view>
</template>

<script>
	export default {
		name:"col-img-text",
		props: {
			imgPath: String,
			imgStyles: Object,
			imgClass: String,
			imgMode: {
				type: String,
				default: 'aspectFit'
			},
			text: String,
			textStyles: Object,
			textClass: String,
			containerStyles: Object,
			containerClass: String
		},
		data() {
			return {

			};
		},
		methods: {
			click(){
				this.$emit('handleClick')
			}
		}
	}
</script>

<style lang="scss" scoped>

</style>
